<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	template="/template/template_dialog.xhtml">
	<ui:define name="head">
		<title>#{request.getParameter('breakerName')} 断路器熄弧分析</title>
		<link rel="stylesheet"
			href="#{request.contextPath}/resources/plugins/datatables/dataTables.bootstrap.css" />
		<style>
</style>
	</ui:define>
	<ui:define name="content">
		<div class='container-fluid'>
			<div class='col-sm-12 col-md-6'>
				<div class='box box-success'>
				<div class='box-header'>
						<h5 class='box-title'>熄弧时间历史趋势</h5>
					</div>
					<div class='box-body'>
						<div id="breakerXihu" style="height: 300px;"></div>
					</div>
					
				</div>
			</div>
			<div class='col-sm-12 col-md-6'>
				<div class='box box-danger'>
					<div class='box-header'>
						<h5 class='box-title'>断路器总体熄弧时间概率分布</h5>
					</div>
					<div class='box-body'>
						<div id="property" style="height: 300px;"></div>
					</div>
				</div>
			</div>
			<div class='col-sm-12'>
			    <div class='box box-info'>
					<div class='box-header'>
						<h5 class='box-title'>熄弧时间异常分析结果</h5>
					</div>
					<div class='box-body'>
						<table id='abnormalArcTime' class='table table-bordered table-hover dataTable'>
						   
						</table>
					</div>
				</div>
			</div>
		</div>
		<h:inputHidden id="breakerId" value="#{request.getParameter('breakerId')}"></h:inputHidden> 
		<h:inputHidden id="breakerName" value="#{request.getParameter('breakerName')}"></h:inputHidden>
	</ui:define>
	<ui:define name="contentend">
		<script src="#{request.contextPath}/resources/js/tables/mytable.js"></script>
		<script src="#{request.contextPath}/resources/plugins/datatables/jquery.dataTables.min.js"></script>
		<script
			src="#{request.contextPath}/resources/plugins/datatables/dataTables.bootstrap.min.js"></script>
		<script src="#{request.contextPath}/resources/plugins/echarts/echarts.js"></script>
		<script src="#{request.contextPath}/resources/js/mycharts/charts.js"></script>
		<script src="#{request.contextPath}/resources/js/mycharts/categoryLineChart.js"></script>
		<script src="#{request.contextPath}/resources/js/mycharts/category2YLineChart.js"></script>
		<script src="#{request.contextPath}/resources/js/math/GaussianDistribution.js"></script>
		<script src="detailedBreaker.js"></script>
	</ui:define>
</ui:composition>
